﻿<div class="docs-example">
    <BSDataListGroup Items="ListGroup" ListGroupType="ListGroupType.Link" Context="groupItem">
        <ItemTemplate>
            <BSListGroupItem ListGroupType="ListGroupType.Link" Href="#" IsActive="true">
                <BSListGroupItemHeading>
                    <h5 class="mb-1">@groupItem.Header</h5>
                    <small>@groupItem.LastEdited</small>
                </BSListGroupItemHeading>
                <p class="mb-1">@groupItem.Content</p>
                <small>@groupItem.FootNote</small>
            </BSListGroupItem>
        </ItemTemplate>
    </BSDataListGroup>
</div>

@code {
    List<Item> ListGroup = new List<Item>
    {
        new Item
        {
            Header = "List group item heading Active",
            LastEdited = "3 days ago",
            Content = "Donec id elit non mi porta gravida at eget metus. Maecenas sed diam eget risus varius blandit.",
            FootNote = "Donec id elit non mi porta.",
            IsActive = true
        },
        new Item
        {
            Header = "List group item heading",
            LastEdited = "5 days ago",
        Content = "Donec id elit non mi porta gravida at eget metus. Maecenas sed diam eget risus varius blandit.",
        FootNote = "Donec id elit non mi porta.",
        IsActive = false
        },
        new Item
        {
            Header = "List group item heading Disabled",
            LastEdited = "5 days ago",
            Content = "Donec id elit non mi porta gravida at eget metus. Maecenas sed diam eget risus varius blandit.",
            FootNote = "Donec id elit non mi porta.",
            IsActive = false,
            IsDisabled = true
        }
    };

    class Item
    {
        public string Header { get; set; }
        public string LastEdited { get; set; }
        public string Content { get; set; }
        public string FootNote { get; set; }
    }
}
